<!DOCTYPE html>
<html>
	<head>
	  <meta charset="utf-8">
	  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	  <meta name="viewport" content="width=device-width, initial-scale=1">
	  <title>登录页面</title>
	  <!-- Bootstrap -->
	  <link href="dist/css/bootstrap.css" rel="stylesheet">
	  <link rel="stylesheet" type="text/css" href="css/login.css"/>
	</head>
	<body>
		<div class="container">
		      <form class="form-signin" action="book_list.html" method="get">
		        <h2 class="form-signin-heading text-center">登录</h2>
		        <label for="inputEmail" class="sr-only">Email address</label>
		        <input type="email" id="inputEmail" class="form-control" placeholder="邮箱" required autofocus>
		        <label for="inputPassword" class="sr-only">Password</label>
		        <input type="password" id="inputPassword" class="form-control" placeholder="密码" required>
		        <div style="height: 40px;width: 300px;margin: 0 auto;display: flex;">
					<div style="height: 40px;width: 50%;">
						<input class="form-control" name="vc" placeholder="验证码..." style="height: 40px;background-color: rgba(255,255,255,0.1);">
					</div>
					<div style="height: 40px;width: 50%;">
						<img src="http://localhost:8080/VerifyCodeGetServlet">
					</div>
				</div>
				<div class="checkbox">
				  <label>
					<input type="checkbox" name="rm" value="1">记住我
				  </label>
				  <span style="color:red;font-size:12px;padding-left:20px">${msg}</span>
				</div>
		        <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
		      </form>
		    </div>
		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
		<script src="js/jquery.js"></script>
		<script src="js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="dist/js/bootstrap.js"></script>
		
		
	</body>
</html>
